<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />		
		<meta name="author" content="" />
		<meta name="last-edit" content="2023.03.02" />
		<title>DOM</title>
		<style type="text/css">

			
		</style>

		<body>
      <ul>
        <li class="cla1">1</li>
        <li class="cla2">2</li>
        <li class="cla3">3</li>
        <li class="cla4">4</li>
        <li class="cla5">5</li>
      </ul>

			<script type="text/javascript">

        let ulEl = document.querySelector('ul')
        console.log(ulEl.innerHTML);
        ulEl.innerHTML += "<li class='cla6'>6</li>"

        let liEls = document.querySelectorAll('ul li')
        console.log(liEls);
        // document.querySelectorAll('ul li').forEach(function() {
        //   console.log(this);
        // })
			</script>
		</body>
	</head>

</html>